/* RESET */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th,figcaption { font-weight: normal; font-style: normal; }
fieldset,iframe,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }
ol,ul,li { list-style:none;list-style-image:none; }
q:before,q:after { content:''; }

body { font-size:14px; color:#000; font-family:"Microsoft YaHei",arial,sans-serif; }
img { display: block; }

/* 链接 */
a { color:#3854a8; text-decoration:none; }
a:hover { color:#007FFF; }

/* 通用间隔 */
.bk5,.bk10,.bk15,.bk20,.bk25,.bk30,.bk40,.bk50 {clear:both; line-height:0; font-size:0;}
.bk5 { height: 5px; }
.bk10 { height: 10px; }
.bk15 { height: 15px; }
.bk20 { height: 20px; }
.bk25 { height: 25px; }
.bk30 { height: 30px; }
.bk40 { height: 40px; }
.bk50 { height: 50px; }

/* 清除浮动 */
.clearfix:after { display:block; clear:both; content:'.'; height:0px; visibility:hidden; font-size:0; }
/*ie8 、ff 、gg 、opera 、safari*/
.clearfix {*zoom:1;} 
.hidden { height: 0; width: 0; line-height: 0; overflow: hidden; display: none; }
.fl { float: left; }
.fr { float: right; }
.wrapper { width: 1000px; margin: 0 auto; }

#header .top { padding: 25px 0; }
#header .logo { display: block; width: 58px; height: 58px; text-indent: -1000px; overflow: hidden; background: url(../images/logo.png) no-repeat; float: left; }
#header .webname { padding-left: 10px; }
#header .webname h1 { font-size: 28px; line-height: 36px; }
#header .webname p { font-size: 16px; font-family: Arial,Helvetica,sans-serif; text-indent: 10px; }
#header .callphone { font-size: 20px; color: rgb(60, 120, 216); font-weight: bold; background: url(../images/callphone.png) no-repeat left center; padding-left: 24px; height: 58px; line-height: 58px; margin-left: 30px; }

#header .searchBox { width: 250px; height: 28px; border: 1px solid #ccc; margin-top: 15px; }
#header .searchBox .search-keyword { height: 28px; width: 180px; line-height: 28px; border: none; outline: none; color: #808080; padding: 0 10px; float: left; }
#header .searchBox .search-submit { height: 28px; width: 50px; background: #999; border: none; color: #fff; float: right; cursor: pointer; outline: none; }

#header .nav { background: url(../images/nav_bg.jpg) repeat-x; height: 45px; line-height: 45px; border-bottom: 1px solid #fff; }
#header .nav li { float: left; width: 110px; text-align: center; }
#header .nav a { color: #fff; display: block; }
#header .nav .cur a,
#header .nav a:hover { background: #00BEEE; border-radius: 3px; }

#footer { background: #D9D9D9; }
#footer .wrapper { padding: 20px 0 15px; border-bottom: 1px solid #666;  position: relative; }
#footer .contact { color: #666; float: left; line-height: 1.5em; padding-top: 13px; }
#footer .contact span { display: block; }
#footer .contact li { position: relative; padding-left: 60px; float: left; }
#footer .contact li:before { content: " "; display: block; width: 30px; height: 30px; background: url(../images/contact_tel.jpg) no-repeat left top; position: absolute; top: 5px; left: 20px; }
#footer .contact li.fax:before { background-image: url(../images/contact_fax.jpg); }
#footer .contact li.address:before { background-image: url(../images/contact_address.jpg); }
#footer .contact li.address { padding-bottom: 0; }

#footer .column { width: 300px; float: right; margin-right: 100px; }
#footer .column li { width: 100px; float: left; line-height: 1.6em; }
#footer .column a { color: #666; }
#footer .column a:hover { color:#00A8FF; }

#footer .gongshang { padding: 25px; background: url(../images/gongshang.gif) no-repeat center center; display: block; width: 47px; height: 47px; position: absolute; right: 0; top: 0; }

#footer .copyright { color: #666; text-align: center; padding: 10px 0; }

#main { padding: 30px 0; }
.pageleft { width: 230px; }
.pageleft .prol { border: 1px solid #D3D3D3; width: 210px; overflow: hidden; padding: 1px; }
.pageleft .prol h3 { background: url("../images/cpfl.jpg") repeat-x scroll 0 0 transparent; height: 29px; line-height: 28px; overflow: hidden; text-align: center; }
.pageleft .prol li { background: none repeat scroll 0 0 #F5F5F5; overflow: hidden; list-style: none outside none; }
.pageleft .prol li a { display: block; height: 30px; line-height: 30px; padding-left: 28px; text-decoration: none; color: rgb(51, 51, 51); font-size: 14px; background: url("../images/prolisticon.png") 7px -18px no-repeat scroll transparent; overflow: hidden; }
.pageleft .prol li a:hover,
.pageleft .prol li a.cur { background-position: 7px 7px; color: #F50101; text-decoration: underline; }

.pageright { width: 770px; }
.breadcrumb { text-align: left; background: url(../images/breadcrumb.png) no-repeat left top; height: 30px; line-height: 30px; padding: 0 15px; text-indent: 40px; }
.breadcrumb a { color: #000; }

.bodyBox { line-height: 1.5em; }
.bodyBox h1.title { text-align: center; padding: 30px 0; font-size: 24px; border-bottom: 1px dashed #ccc; }
.bodyBox .content { padding: 10px 0; line-height: 28px;}
.bodyBox .content p { margin: 15px 0; }
.bodyBox .content img { display: inline-block; }
.bodyBox .content strong { font-weight: bold; }
.bodyBox .content i { font-style: italic; }
.bodyBox .content a { color: #000; }
.bodyBox .content a:hover { color:#007FFF; }

.pagelist { padding: 20px 0; text-align: center; }
.pagelist li { display: inline-block; display: _inline; border: 1px solid #ccc; background: #eee; }
.pagelist li span,
.pagelist li a { height: 26px; line-height: 26px; padding: 0 10px; display: block; font-size: 13px; }
.pagelist li.thisclass { background: #5a85b2; border-color: #5a85b2; color: #fff; }
.pagelist li.thisclass a { color: #fff; }

/*联系客服*/
.SonlineBox{ width:162px; font-size:12px;overflow:hidden; z-index:9999;}
.SonlineBox .openTrigger{ width:30px; height:110px; position:absolute; top:0px;  z-index:1; cursor:pointer;  background:#0176ba url(../images/openTrigger.jpg) no-repeat;}
.SonlineBox .titleBox{ width:158px; height:35px; line-height:35px; background:#038bdc url(../images/SonlineTitleBg.gif) repeat-x; border-bottom:2px solid #0176ba;}
.SonlineBox .titleBox span{ margin-left:10px; color:#fff; font-size:14px; }
.SonlineBox .contentBox{ width:158px; height:auto; border:2px solid #0176ba; background:#fff; position:absolute; z-index:2;}
.SonlineBox .contentBox .closeTrigger{ width:25px; height:25px; display:block; cursor:pointer;  position:absolute; top:5px;right:5px;-webkit-transition:all 0.8s ease-out; background: url(../images/closeBtnImg.gif) no-repeat center center; }
.SonlineBox .contentBox .closeTrigger:hover{-webkit-transform:scale(1) rotate(360deg);}
.SonlineBox .contentBox .listBox{overflow:hidden; margin-bottom:10px;}
.SonlineBox .contentBox .listBox .QQList{ display:block; width:86%; height:22px; margin:10px auto 0px auto;}
.SonlineBox .contentBox .listBox .QQList span{float:left; line-height:22px;}
.SonlineBox .contentBox .listBox .QQList a{float:left;}

/*返回顶部*/
.sideTool{ position:fixed; _position:absolute; left:50%; bottom:20px; margin-left:510px; width:29px; font:12px/20px arial,helvetica,verdana,tahoma,sans-serif; word-wrap:break-word; }
.sideTool .ico_top{ display:block; width:12px; height:11px; margin:0 2px 3px 3px; }
.sideTool .handle a{ display:block; width:17px; margin-bottom:2px; padding:12px 5px; text-align:center; line-height:16px; background:#f3f3f3; color:#3399e0; border:1px solid #e4e4e4; border-top-right-radius:3px; border-bottom-right-radius:3px; -webkit-border-top-right-radius:3px; -webkit-border-bottom-right-radius:3px; -moz-border-radius-topright:3px; -moz-border-radius-bottomright:3px; }
.sideTool .handle a:hover{ text-decoration:none; background:#e8e8e8; border-color:#ddd; }